<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>发表了论坛</title>
    <link rel="stylesheet" href="../font-awesome-4.7.0/font-awesome-4.7.0/css/font-awesome.css">
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">  
    <link rel="stylesheet" href="../css/com.css">
    <link rel="stylesheet" href="../css/send.css">
</head>
<body>
  <header class="myheader">
        <div class="header_main">
            <div class="header_left">
                <a href="../index.html">北游论坛 </a>
            </div>
            <!-- <div class="header_right">
                <a href="">
                    <i class="fa fa-plus" aria-hidden="true"></i>
                    发表
                </a>
                <a href="">
                    <i class="fa fa-user" aria-hidden="true"></i>
                    登录
                </a>
            </div> -->
        </div>
  </header>
  <main class="formMine">
    <div class="form-group">
        <label for="name">请输入话题</label>
        <textarea class="form-control" rows="9" placeholder="请输入话题" id="content"></textarea>
      </div>
 
    <div>
        <button type="button" class="btn btn-success btn-block" onclick="send()">发布</button>
    </div>
</main>
</body>
<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="../js/sendAjax.js"></script>
<script src="../js/getTime.js"></script>
<script>
    /* 
      发表论坛：
      1. 点击发表判断当前用户是否登录 若已登录则跳转到发表论坛页面 若未登录则跳转到登录页面
      2. 点击发布获取文本框内容 发送请求获取当前登录用户头像地址
      3. 发送ajax请求将文本框内容,发布时间，当前用户头像地址传递给后端
      4. 后端获取前端传递的内容信息 
      5. 后端读取存放评论列表的list.json文件内容并将用户评论内容添加到读取到的列表中
      6. 将最新评论列表再次写入list.json 若写入成功则 发布成功
    */

   /* 
    论坛列表数据结构：
    [
        {
            作者："张三",
            作者头像："header",
            发表时间："12:00",
            内容："哈哈哈",
            评论列表:[
                {
                    评论用户:李四,
                    用户头像：头像,
                    评论内容：哈哈哈哈哈,
                    评论时间：12：00
                },{

                }
            ]
        },{
            作者："李四",
            作者头像："header",
            发表时间："12:00",
            内容："嘿嘿嘿",
            评论列表:[
                {
                    评论用户:李四,
                    用户头像：头像,
                    评论内容：哈哈哈哈哈,
                    评论时间：12：00
                }
            ]
        },
    ]
   */


async function send(){
        // 获取文本框内容
        let content = $("#content").val();
        // 判断是否为空
        if(!content){
            alert("请您输入内容！")
            return
        }
        //   像地址;
        let res = await sendAjax(`/userPhoto`,"get");
        console.log(res)
        if(res.code==1){
            alert(res.msg);
            window.location.href = './login.html'
            return;
        }
        // 当前登录用户头像地址
        let headerUrl = res.url;
        // 获取当前时间
        let time = getTime();
        // 请求参数
        let data = {
            content,
            headerUrl,
            time
        }
        // 发送ajax请求将信息传递到后端
        let result = await sendAjax("/send/msg","post",data);
        console.log(result)
        if(result.code ===0){
            alert("发布成功")
            window.location.href = '/'
        }else{
            alert(result.msg)
        }
  }
</script>
</html>